.import() {
  /* 导入全部涉及到变量的样式文件 */
  @import (multiple) './dispersed/item-list.less';
  @import (multiple) './dispersed/item-list-file.less';
  @import (multiple) './dispersed/header.less';
  @import (multiple) './dispersed/item-list-detail.less';
  @import (multiple) './dispersed/custom-mode.less';
  @import (multiple) './dispersed/readme.less';
    /* 通用组件的 */
    @import (multiple) './commons/confirm.less';
}
html, body {
  margin: 0;
  padding: 0;
}

//黑暗模式的颜色配置
@media (prefers-color-scheme: dark) {
  #app {
    @bg-color: #303133;
    @border-color: #4e4e4e; //列表边框颜色
    @border-active-color: #3271ae; //选中激活时列表边框颜色
    @bg-list-active-color: #4e4e4e; //列表选中激活时的背景颜色
    @bg-list-active-batch-color:#95a9ea; //列表批量选中激活时的背景颜色
    @shadow-color: #e8e6e3; //阴影颜色，用作图片阴影
    @text-color: #e8e6e3; //文字颜色
    @text-bg-color: #656565;
    @input-placeholder-color:rgb(181, 181, 181);
    @bg-item-time-color:#ea87d9;
    @nav-bg-color: #222426;
    @nav-active-bg-color: #2b2e30;
    @nav-hover-bg-color: #2b2e30;
        //按钮样式
    @primary-color:#16b5e9;
    @primary-text-color:#f0faff;
    //弹窗样式
    @bg-confirm-header-color:#e8f8fd;
    //底部工具集
    @footer-box-bg-color: rgba(138, 138, 138, 0.619);
    @footer-box-primary-color: rgba(64,158,255, 0.819);
    .import();
  }
}

//明亮模式的样式配置
@media (prefers-color-scheme: light) {
  #app {
    @bg-color: #fff;
    @border-color: #eeeaf3;
    @bg-list-active-color: #eeeaf3; //列表选中激活时的背景颜色
    @bg-list-active-batch-color:#95a9ea; //列表批量选中激活时的背景颜色
    @shadow-color: #333;
    @border-active-color: #3271ae; //选中激活时列表边框颜色
    @text-color: #333; //文字颜色
    @text-bg-color: rgba(138, 138, 138, 0.619);
    @input-placeholder-color:rgb(138, 138, 138);
    @bg-item-time-color:#a1a0a0;
    @nav-bg-color: #eeeeee;
    @nav-active-bg-color: #dedede;
    @nav-hover-bg-color: #dedede;
    //按钮样式
    @primary-color:#16b5e9;
    @primary-text-color:#f0faff;
     //弹窗样式
     @bg-confirm-header-color:#e8f8fd;
     //底部工具集
     @footer-box-bg-color: rgba(138, 138, 138, 0.319);
     @footer-box-primary-color: rgba(64,158,255, 0.419);
    .import();
  }
}


//停止HTML滚动的样式  --只要引入就能生效
.overHTML{
  overflow: hidden;
}